<!DOCTYPE html>
<html>
<head>
	<title>商品详情页</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <script type="text/javascript">
        if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
            var version = parseFloat(RegExp.$1);
            if (version > 2.3) {
                var phoneScale = parseInt(window.screen.width) / 750;
                document.write('<meta name="viewport" content="width=750,minimum-scale=' + phoneScale + ',maximum-scale=' + phoneScale + ',target-densitydpi=device-dpi">');
            } else {
                document.write('<meta name="viewport" content="width=750,target-densitydpi=device-dpi">');
            }
        } else {
            document.write('<meta name="viewport" content="width=750,user-scalable=no,target-densitydpi=device-dpi,minimal-ui">');
        }
    </script>
    <link rel="stylesheet" type="text/css" href="../css/common.css">
    <link rel="stylesheet" type="text/css" href="../css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="../css/index.css"> 
    <script src="../js/swiper.min.js"></script>
    <script src="../js/xdym.js"></script>
</head>
<body>
<div class="wrap">
	<section class="infoDetail border">
		<label class="banner">
		<div class="swiper-container swiper1">
           <div class="swiper-wrapper">
              <div class="swiper-slide"><a href="#"><img src="../images/banner_detail.jpg"></a></div>
              <div class="swiper-slide"><a href="#"><img src="../images/banner_detail.jpg"></a></div>
              <div class="swiper-slide"><a href="#"><img src="../images/banner_detail.jpg"></a></div>
              <div class="swiper-slide"><a href="#"><img src="../images/banner_detail.jpg"></a></div>
           </div>
        <div class="swiper-pagination swiper-pagination1" style="text-align: center;"></div>
        </div>
		</label>
		<div class="descriptionDetail">
		<p class="bookInfo">爱玩书第一阶段2-4岁折合每天仅4.3元。爱玩书第一阶段2-4岁折合每天仅4.3元。爱玩书第一阶段2-4岁 折合每天仅4.3元。</p>	
		<p class="bookDescription pink">
		爱玩书第一阶段2-4岁 折合每天仅4.3元。爱玩书第一阶段2-4岁 折合每天仅4.3元。爱玩书第一阶段2-4岁 折合每天仅4.3元</p>
            <div class="knowledge clearfix">
             	 <p class="oPrice"><span class="bigPrice pink">￥1580</span><span class="grey">￥2680</span></p>
            </div>
            <p class="benefit clearfix"><span class="mailType">最多可使用50悠币抵扣</span><span class="inventory">库存10</span></p>
		</div>
	</section>
	<section class="buyNum border">
		<div class="purchase clearfix">
			<span class="purchaseTitle">购买数量</span>
			<div class="purchaseNum clearfix" id="purchaseNum01">
				<span class="Reduction"><a href="javascript:;">-</a></span>
				<input class="sumNum" type="number" placeholder="100" min="0"></input>
				<span class="add"><a href="javascript:;">+</a></span>
			</div>
		</div>
	</section>
	<section class="graphicDetails border">
		<div class="graphicTitle clearfix" id="graphicTitle">
		      <a href="javascript:;" class="graphicDetails01 active">
		      <p>图文详情</p>
		       <span></span>
		      </a>
		      <a href="javascript:;" class="productEvaluation">
		      <p>商品评价</p>
		       <span></span>
		      </a>
		</div>
		<div class="graphicInfo" style="display: block;">
			<img src="../images/2.jpg">
		</div>
		<div class="graphicInfo">
			<img src="../images/banner_detail.jpg">
		</div>
	</section>
</div>
	<footer class="addCart clearfix">
		<a href="javascript:;" class="s1">加入购物车</a>
		<a href="javascript:;" class="active">加入购物车</a>
	</footer>
</body>
</html>